<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <div id="ribbon">
        <ol class="breadcrumb pull-right">
            <li><a href="javascript:;">主页</a></li>
            <li><a href="javascript:;">管理组</a></li>
        </ol>
    </div>
    <div class="content">
      <div class="panel panel-default panel-intro">
          <div class="panel-heading">
              <div class="panel-lead"><em>权限管理</em>管理所有菜单、按钮等权限。</div>
              <ul class="nav nav-tabs">
                  <li class="active"><a href="#listusers" data-toggle="tab" aria-expanded="true">权限列表</a></li>
                  <li class=""><a href="#addusers" data-toggle="tab" aria-expanded="false">添加权限</a></li>
              </ul>
          </div>
          <div class="panel-body">
              <div id="myTabContent" class="tab-content">
                  <div class="tab-pane fade active in" id="listusers">
                      <div class="widget-body no-padding">
                          <div class="panel panel-default panel-intro">
                              <div class="panel-body">
                                <div class="widget-body no-padding">
                                  <div id="toolbar" class="toolbar">
                                      <a href="javascript:;" class="btn btn-primary btn-refresh" ><i class="fa fa-refresh"></i> </a>
                                      <div class="dropdown btn-group">
                                          <a class="btn btn-primary btn-more dropdown-toggle btn-disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> 批量行为</a>
                                          <ul class="dropdown-menu text-left" role="menu">
                                              <li><a class="btn btn-link btn-multi btn-disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> 禁用用户</a></li>
                                              <li><a class="btn btn-link btn-multi btn-disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> 启用用户</a></li>
                                              <li><a class="btn btn-link btn-multi btn-disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> 重置密码</a></li>
                                              <li><a class="btn btn-link btn-multi btn-disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> 删除用户</a></li>
                                          </ul>
                                      </div>
                                      <a class="btn btn-success btn-singlesearch" href="javascript:;"><i class="fa fa-search"></i> 自定义搜索</a>
                                  </div>
                                  <table id="powertable" class="table table-striped table-bordered table-hover" width="100%"></table>
                                </div>
                              </div>
                          </div>
                      </div>
                  </div>

                  <div class="tab-pane fade" id="addusers">
                      <div class="widget-body no-padding">
                        <form class="powerAdd_form">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <td>权限名称</td>
                                        <td>
                                            <div class="row">
                                              <div class="col-sm-8 col-xs-12">
                                                  <input type="text" name="power_name" value="" class="form-control">
                                              </div>
                                              <div class="col-sm-4 col-xs-12 bsty">
                                                <span style="color: #808080;">一级_二级_多级</br>例：事件工单_漏洞事件</span>
                                              </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>权限编号</td>
                                        <td>
                                            <div class="row">
                                              <div class="col-sm-8 col-xs-12">
                                                  <input type="text" name="power_number" value="" class="form-control">
                                              </div>
                                              <div class="col-sm-4 col-xs-12 bsty">
                                                <span style="color: #808080;">请添加7位编号</span>
                                              </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <a id="power-add" class="power-add btn btn-success btn-embossed">添加权限</a>
                                            <a class="power-return btn btn-default btn-embossed">返回列表</a>
                                        </td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </form>
                      </div>
                  </div>
              </div>
          </div>
      </div>
    </div>
  </div>
</div>
